<template>
  <div class="recommend">
    <ItemTitle itemName="推荐歌单"> </ItemTitle>
    <album></album>
    <ItemTitle itemName="最新音乐"> </ItemTitle>
    <newMusic></newMusic>
    <comfooter></comfooter>
  </div>
</template>

<script>
import ItemTitle from "@/components/recommend/ItemTitle.vue";
import album from "@/components/recommend/album.vue";
import newMusic from "@/components/recommend/newMusic.vue";
import comfooter from "@/components/common/comfooter.vue";

export default {
  components: {
    ItemTitle,
    album,
    newMusic,
    comfooter,
  },
};
</script>

<style lang="scss" scoped>
.recommend{
width: 100%;
height: 100%;
overflow-x: hidden;
}
</style>